.swiper{
    width: 750rpx;
    height: 538rpx;
    &>SwiperItem{
        width: 100%;
        height: 100%;
        display: block;
        
    }
    Image{
        width: 750rpx;
        height:538rpx;
        display: block;
    }
}
.qf-swiper{
    position: relative;
    width: 750rpx;
    height: 538rpx;

.qf-swiper-tip{
    position: absolute;
    height: 6rpx;
    bottom: 20rpx;
    left: 0;
    right: 0;
    text-align: center;
    background-color: red;
    display:flex;
    View{
        flex:1;
        width: 20rpx;
        text-align: center;

   
    Text{
        width: 10rpx;
        height: 6rpx;
        background: #fff;
        border-radius: 3rpx;
        // opacity: 0.5;
        display: inline-block;
        background-color: red;
        margin: 0 10rpx;
    }
    Text.on{
        width: 22px;
       opacity: 1
    }
}
 }
}
.modal{
    padding: 45rpx;
    background-color: orange;
}
